<template>
	<!-- 1.CVTC报价模板-完整版 -->
	<div class="box box14 pr">
		<div class="boxM">
			<header class="head14 head clearfix">
				<div class="fl">
				<h6>上海中远威治罐箱物流有限公司</h6>
				<!-- <h6>上海市杨浦区昆明路739号文通大厦702室</h6> -->
				<h6>{{ state.salse.ADDRESS }}</h6>
				<h6>电话：(86+21) {{state.salse.TELEPHONE}}</h6>
				<h6>传真：(86+21) {{state.salse.FAX}}</h6>
				<h6><a href="www.coscovtg.com" title="">www.coscovtg.com</a></h6>
			</div>
				<div class="fr">
					<img src="/images/logo14.png" height="60" style="margin-top:10px;">
				</div>
			</header>
		
			<table class="table1">
			<thead>
				<tr>
				  <th class="tal w10">客户</th>
				  <th class="tal w40">{{state.data.CORP}}（公司）</th>
				  <th class="tal w10">报价方</th>
				  <th class="tal w40">COSCOVTG</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<th class="tal">询价人</th>
					<td>{{state.data.CORPCONTACT}}（先生/女士） </td>
					<th class="tal">报价人</th>
					<td>{{state.data.SALES}}</td>
				</tr>
				<tr>
					<th class="tal">抄送 </th>
					<td>{{state.data.CORPCOPYTO}}（先生/女士） </td>
					<th class="tal">电话</th>
					<td>021-{{state.salse.TELEPHONE}}</td>
				</tr>
				<tr>
					<th class="tal"></th>
					<td></td>
					<th class="tal">传真</th>
					<td>021-{{state.salse.FAX}}</td>
				</tr>
				<tr>
					<th class="tal"></th>
					<td></td>
					<th class="tal">邮箱</th>
					<td>{{state.salse.email}}</td>
				</tr>
				<tr>
					<th class="tal"></th>
					<td></td>
					<th class="tal">报价日期</th>
					<td>{{state.data.OPTIME}}</td>
				</tr>
			</tbody>
		</table>
			
			<h4 style="margin:20px 0;">商务报价：</h4>
			<table class="table2">
			<tbody>
				<tr>
					<td class="w35">装载产品：</td>
					<td>{{ state.data.GOODS }}</td>
				</tr>
				<tr>
					<td>是否危险品（UN号）：</td>
					<td>{{ state.data.GOODSKIND }} {{ state.data.UNNO }}</td>
				</tr>
				<tr>
					<td>密度: </td>
					<td>{{ state.data.MIDU }}</td>
				</tr>
				<tr>
					<td>安全装载量范围（吨）: </td>
					<td>{{ state.data.SAFEGWET?state.data.SAFEGWET/1000:'' }}-{{ state.data.SAFEGWETTO?state.data.SAFEGWETTO/1000:'' }}</td>
				</tr>
				<tr>
					<td>运输线路: </td>
					<td>{{ state.data.TRANSLINE }}-{{ state.data.TRANSLINETO }}</td>
				</tr>
				<tr>
					<td>单程运输时间（天）: </td>
					<td>{{ state.data.TRANSDAYS }}</td>
				</tr>
				<tr>
					<td>罐箱设备要求: </td>
					<td>{{ state.data.TANKDEMO }}</td>
				</tr>
			</tbody>
		</table>

		<table class="table3" style="margin-top:10px;">
			<thead>
				<tr>
					<th class="w35">费用项</th>
					<th class="">价格（税率）</th>
					<th class="w20">单位</th>
					<th class="w30">备注</th>
				</tr>
			</thead>
			<tbody>
				<template v-for="item in state.bjline">
					<tr v-for="(it,idx) in item.cost">
						<td>{{ item.LOADPLACE||'-' }}至{{ item.DISPLACE||'-' }}+{{ it.ITEMCODE }}</td>
						<td>{{ it.UNITPRICE }} ({{ it.TAXRATE }})</td>
						<td>{{ it.PRICETYPE }}</td>
						<td></td>
					</tr>
				</template>
				<tr>
					<td>&nbsp;</td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td>总报价</td>
					<td>{{ state.totalPrice.toFixed(2) }}</td>
					<td></td>
					<td>报价编号：{{ state.data.BJNO }}</td>
				</tr>
			</tbody>
		</table>

			<h5 class="udH5">有效期:</h5>
			<p>此报价有效期为报价日起30天内有效。如在30天内收到协议签字，则此报价在以下条款情况下有效期至XXXX年XX月XX日。如我司在30天内未收到价格确认，则我司有权调整报价。如贵方在30天内委托我司订舱，则视为贵方接受如下所有条款，价格有效期为装货日当天。在此情况下，我司仍有权在成本变动的前提下调整我司报价。</p>

			<h5 class="udH5">报价含:</h5>
			<ul class="tip">
				<li>装货免费待时{{ state.bjCost.ZHDSF.TRANSDAYS||'-' }}小时，超过按RMB{{ state.bjCost.ZHDSF.UNITPRICE||'-' }}/小时收取待时费   </li>
				<li>自装货日起到上船日免费用箱期{{ state.bjCost.QYGZQF.TRANSDAYS||'-' }}天，自到达目的港至罐箱还至我司指定堆场日免费用箱期{{ state.bjCost.MDGZQF.TRANSDAYS||'-' }}天，超过按USD{{ state.bjCost.MDGZQF.UNITPRICE||'-' }}/罐/天收取滞箱费  </li>
				<li>清洗费. </li>
				<li>罐租金. </li>
			</ul>

			<h5 class="udH5">报价不含:</h5>
			<ul class="tip">
				<li>货物险/海上保险/关税等</li>
				<li>DTHC, 目的港码头费用及堆存费等. </li>
				<li>加热费，如发生 </li>
				<li>超过10加仑的残液处理费. </li>
				<li>卸货设备提供，如发生</li>
			</ul>
	<!-- 商务条款 -->
		</div>
		<div class="boxM">
			<header class="head14 head clearfix">
				<div class="fl">
					<h6>上海中远威治罐箱物流有限公司</h6>
					<h6>上海市杨浦区昆明路739号文通大厦702室</h6>
					<h6>电话：(86+21) 5213 2266</h6>
					<h6>传真：(86+21) 6373 2222</h6>
					<h6><a href="www.coscovtg.com" title="">www.coscovtg.com</a></h6>
				</div>
				<div class="fr">
					<img src="/images/logo14.png" height="60" style="margin-top:10px;">
				</div>
			</header>
			<h2 class="tac udH5" style="margin:20px 0;">商务条款</h2>
			<h5 class="udH5">结算及额外费用</h5>
			<h6>除非特别约定，请在收到发票后立即付款。</h6><br>
			<h6>请注意报价为净价，税率根据当地增值税税则执行。</h6><br>
			<p>在报价期间未经公布且无法预见的成本变动，如综合费率上涨附加费GRI、拥堵附加费、汇率调整附加费CAF、燃油附加费BAF、国际船舶和港口设施保安附加费ISPS、低硫附加费等将有贵方承担。</p>
			<p>港到港报价除非特别约定不含码头费用。报价基于当前汇率和附加费。如汇率浮动超过±3%，则中远威治保留调价权力。</p><br>
			<p class="udH5">收货人如不支付其应承担的费用，则贵方将代为支付。</p><br>
			<h6 class="unH5">设备及运输</h6>
			<h6 class="udH5">装货</h6>
			<h6>报价含装货提箱费。我们提供{{ state.bjCost.ZHDSF.TRANSDAYS||'-' }}小时免费装货待时，超出部分按{{ state.bjCost.ZHDSF.UNITPRICE||'-' }}/小时收取。</h6><br>
			<h6 class="udH5">海运</h6>
			<p>海运费报价含BAF、CAF、港杂费、码头安保费等。但若船公司更新征收附加费，贵方需相应承担。</p>
			<p>报价含旺季附加费和THC。</p><br>
			<h6 class="udH5">目的港/卸货门点</h6>
			<p>报价含XX天目的港免用箱期，卸货后须将空罐还至中远威治指定还箱堆场。滞箱费收取标准为XXX/天/罐。除非特别约定，滞箱费由收货人支付；如收货人拒付，则滞箱费由贵方承担。</p><br>
			<p>启运港和目的港码头超期堆存费和码头额外费用如堆存费、吊机费等将由贵方承担。</p><br>
			<h6><span class="udH5">如需目的港送货服务，</span>我司提供{{ state.bjCost.XHDSF.TRANSDAYS||'-' }}小时免费卸货待时，超过按{{ state.bjCost.XHDSF.UNITPRICE||'-' }}/小时收取。</h6>
			<p>如报价为到门条款，则报价含目的港及送货所有费用。</p><br>
			<p>报价含还箱吊机费。</p><br>
			<p>报价不含过夜费，如发生，则贵方将承担相应过夜费。同时报价不含甩板成本，如发生，则贵方将承担相应费用。</p><br>
			<h6 class="udH5">货物加热</h6>
			<h6>除特殊约定，任何因加热产生的成本，如短驳费、加热费、待时费等由委托方承担。</h6><br>
			<h6 class="udH5">清洗</h6>
			<p>清洗费含USDxxx的最多不超过10加仑的残液处理费，如超过则贵方需支付相应成本。报价不含超出部分的残液处理费。如产生因罐壁着色等产生的额外清洗费和维修费等将有收货人承担。如收货人拒付，则贵方将承担连带支付责任。</p><br>
			<h6 class="udH5">清关</h6>
			<p>报价不含任何报关费用及关税税金，不含因报关程序中产生的额外费用。如需中远威治安排清关，我司将收取税金及其他垫付费的2.5%作为手续费。</p><br>
			<h6 class="udH5">危险品</h6>
			<p>发货人须承担张贴正确危险品标签于罐箱外部的责任。如中远威治受贵方委托负责贴标，则贵方将承担相应费用。</p>
			<p>贵方有义务提供托运产品正确的安全技术说明书（MSDS），同时须完成危险品申报手续。</p>
			<p>同时贵方须告知所托运产品在各运输阶段是否被列为危险品（如：仅在运输过程中或仅在美国境内），相应地贵方须提供相应的标签贴于罐箱外部。</p><br><br>
		</div><br><br><br>
		<header class="head14 head clearfix">
			<div class="fl">
				<h6>上海中远威治罐箱物流有限公司</h6>
				<h6>上海市杨浦区昆明路739号文通大厦702室</h6>
				<h6>电话：(86+21) 5213 2266</h6>
				<h6>传真：(86+21) 6373 2222</h6>
				<h6><a href="www.coscovtg.com" title="">www.coscovtg.com</a></h6>
			</div>
			<div class="fr">
				<img src="/images/logo14.png" height="60" style="margin-top:10px;">
			</div>
		</header>
		<h6 class="udH5">订舱</h6>
		<p>此报价不承诺船期、火车班次及车辆资源。因船期、火车班次、船舶接驳等为船公司及火车运营商自主控制，中远威治无法对其进行影响。因此中远威治无法承担船公司或火车运营商自主行为导致的延误责任。</p><br>

		<h6 class="udH5">额外费用</h6>
		<p>如需额外使用泵、软管、压缩机、调磅、扶手等，则贵方需承担相应费用。如托书中未注明装卸货需要使用以上装备，而装卸货工厂拒绝提供则产生的额外费用如往返拿取的额外运费、待时费等由贵方支付。</p><br>
		<h6 class="udH5">用非中远威治供应商</h6>
		<p>如发货人/收货人使用自有资源安排拖车，中远威治同意免去发货人/收货人提供押箱支票手续，但与此同时如在发货人/收货人或其分包商运输期间发生任何罐体损坏将有发货人/收货人承担相关责任。</p><br>
		<p>贵方或贵方的收货人指派的分包商必须购买足额保险并拥有操作危险品货物资质，且操作需要遵守当地法律/法规或政府职能部门要求。中远威治有权索取保单复印件及操作人员的相关培训证明。</p><br>
		<h6 class="udH5">装卸货操作</h6>
		<p>在装卸货操作中，中远威治所派司机仅提供辅助；装卸货操作主要由装货人或卸货人的装卸人员完成。由于中远威治司机仅在装卸货过程中起辅助做用，故中远威治及其委派司机不承担装卸货过程中发生的投诉或损坏责任。</p><br>
		<h6 class="udH5">保险</h6>
		<p>此报价不含货物险和运输险。</p><br>
		<p>参上述装货/卸货由贵方分包商负责的条款，一旦罐箱出现明显损坏且此损坏没有在码头/我司指定堆场的设备交接单上备注将被视为此损坏发生在贵方/贵方收货人/贵方货运代理操作的过程中。</p><br>
		<p>如在收货人段产生的罐箱损坏，而收货人拒绝赔付，则贵方需承担连带责任。</p><br>
		<h6 class="udH5">设备</h6>
		<p>报价所涉设备为316L不锈钢罐（除气体罐为碳钢罐以外）。除非特殊注明，我司将视贵方询价阶段提供的产品安全技术说明书（MSDS）为集装箱罐适装产品，并按此产品进行报价。如发现设备承运期间出现罐壁损伤/腐蚀等情况，贵方将承担由此产生的罐箱维修费用。</p><br>
		<h6 class="udH5">铅封</h6>
		<p>发货人须负责装箱后的施封操作。如发货方委托中远威治施封，则发货方将承担相关费用。</p><br>
		<h6 class="udH5">其他</h6>
		<p>中远威治不予承担因不可抗力导致的费用。任何由不可抗力产生的成本将由贵方承担。</p><br>
		<p>希望我司的报价能满足您的需求，望得到您进一步反馈。</p><br>
		<p>商祺！</p><br>
		<h6>上海中远威治罐箱物流有限公司</h6>
		<h6 style="text-indent:4em;">销售：{{state.data.SALES}}</h6><br>
	


		
		
		<footer clas="foot foot15 pf">
			<div class="clearfix">
				<p class="fl">中德合资</p>
				<img class="fr" src="/images/logo14.png" height="20" >
			</div>
			
		</footer>
	</div>
</template>
<script setup lang="ts">
import { onMounted, reactive, watchEffect } from "vue"
import createAxios from "/@/utils/axios";
import baTable from "/@/utils/baTable";

interface Props {
    bjno:string
}

const props = withDefaults(defineProps<Props>(), {
    bjno: '',
})


onMounted(()=>{
	getBjline()
	getBjCost()
})


const state:{
	data:anyObj,
	salse:anyObj,
	bjline:any[],
	bjCost:anyObj,
	totalPrice:number
} = reactive({
	data:{},
	salse:{},
	bjline:[],
	bjCost:{
		ZHDSF:{},
		GYF:{},
		QYGZQF:{},
		MDGZQF:{},
		MDGDCF:{},
		XHDSF:{},
	},
	totalPrice:0
})

createAxios({
      url:'/admin/xBjhead/edit?BJNO='+props.bjno,
    }).then((res:any)=>{
      state.data = res.data.row
			getuser(state.data.SALES,'salse')
    })

const getBjline = ()=>{
	createAxios({
		url:'admin/xBjbody/index?gstype=1&type=2&bjno='+props.bjno,
	}).then((res:any)=>{
		state.bjline = res.data.list
		state.bjline.map((item:any)=>{
			if(item.cost && item.cost.length){
				item.cost.map((it:any)=>{
					state.totalPrice +=  Number(it.UNITPRICE||0) 
				})
			}
		})
	})
}

const getBjCost = ()=>{
	createAxios({
		// url:'admin/xBjline/index?gstype=1&type=1&bjno='+props.bjno,
		url:'admin/xBjcost/index?gstype=1&type=1&bjno='+props.bjno,
	}).then((res:any)=>{
		state.bjCost.ZHDSF = res.data.list.find((item:any)=>item.ITEMCODE=='ZHDSF')||{}
		state.bjCost.GYF = res.data.list.find((item:any)=>item.ITEMCODE=='GYF')||{}
		state.bjCost.QYGZQF = res.data.list.find((item:any)=>item.ITEMCODE=='QYGZQF')||{}
		state.bjCost.MDGZQF = res.data.list.find((item:any)=>item.ITEMCODE=='MDGZQF')||{}
		state.bjCost.MDGDCF = res.data.list.find((item:any)=>item.ITEMCODE=='MDGDCF')||{}
		state.bjCost.XHDSF = res.data.list.find((item:any)=>item.ITEMCODE=='XHDSF')||{}
		
	})
}


const getuser = (name:string,type:string)=>{
	createAxios({
		// url:'/admin/auth.admin/index?page=1&initKey=nickname&select=true&quick_search=&initValue='+name,
		url:'/admin/XBjhead/getbj?name='+name,
	}).then((res:any)=>{
		state.salse = res.data||{}
	})
}


</script>


<style lang="scss" scoped>
@import '../../../../styles/print.css';
</style>